<template>
  <div>
    <h1>{{ msg }}</h1>
    <button @click="changeMsg">改变</button>
  </div>
</template>

<script setup>
// 无需再 `return` 了， `template` 可直接使用，顶层的绑定会自动暴露给模板。
import { ref } from 'vue';

let msg = ref(1);
let changeMsg = () => {
  // ref的.value不能忘记书写
  msg.value++;
};
</script>
